<template>
	<div class="zhu">
		<mysvg></mysvg>
		<div class="nav_wrap">
			<div class="nav_b">
				<nav>
					<router-link to="/shouye">首页</router-link>
					<router-link :to="{name:'channel',params:{tid:item.tid}}" v-for="(item,index) in nav_list" :key="index" >{{item.typename	}}</router-link>
				</nav>
				<div class="xiala">
					<svg @click="show_out">
						<use xlink:href="#icon-xialaxiao" fill="#aaa" margin="auto" width="18px"></use>
					</svg>
				</div>
			</div>
		</div>
		<div class="detail" :class="{show:show}">
			<div class="list">
				<router-link to="/">首页</router-link>
				<router-link :to="{name:'channel',params:{tid:item.tid}}" v-for="(item,index) in nav_list" :key="index" >{{item.typename}}</router-link>
			</div>
			<div class="shangla" @click="show_out">
				<svg >
					<use xlink:href="#icon-shouqixiao" fill="#aaa" margin="auto"></use>
				</svg>
			</div>
		</div>
	</div>
</template>

<script>
	import axios from 'axios'
	import mysvg from '../svg';
	export default{
		components: {mysvg},
		data(){
			return {
				show:false,
				nav_list:window.__INITIAL_STATE__.reduxAsyncConnect.partitionList[0]
			}
		},
		methods: {
			show_out(){
				this.show=!this.show
			}
		},
		computed:{
			
		}
	}
</script>

<style>
	.zhu{
		padding-top: 50px;
	}
</style>